Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

the Complainer Who Poisons Your Work Life

python

Download your free Python Cheat Sheet he...

  2026/07/02

Building AI-powered Semantic Search for MySQL/MariaDB Workloads | Amaz

sql
Amazon

In this video, we build an AI-powered se...

  2026/07/02

Managing and Measuring Python Code Quality: Defining Quality Code & Ma

python

Download your free Python Cheat Sheet he...

  2026/07/02

Build adaptive apps with Compose's new APIs (I/O Connect '26)

Rob Orgiu shares how to harness Jetpack ...

  2026/07/02

Build for the wrist, the road, and the remote with Jetpack Compose and

telework

Watch Paul Lammertsma and Garan Jenkin t...

  2026/07/02

Build 3d experiences using Jetpack XR (I/O Connect ‘26)

Did you know that adding XR-differentiat...

  2026/07/02

Optimize your app performance for the next generation of Android (I/O

android
android

As memory management evolves toward enfo...

  2026/07/02

Creative video editing with Jetpack Media3 and Gemini (I/O Connect '26

Find out how to bridge the gap between A...

  2026/07/02

Develop faster with Android Studio, AI and skills (I/O Connect ‘26)

android
android

Explore how Android Studio's new AI feat...

  2026/07/02

OpenClaw vs Hermes Agent: Which One Is Actually Better in 2026?

Deploy OpenClaw with one click: Deploy ...

  2026/07/02

The AI Portfolio Mistake That Kills Your Job Chances 2026

Why does your AI engineering portfolio m...

  2026/07/02

How do I troubleshoot Amazon EC2 Auto Scaling issues in my Elastic Bea

Amazon

For more details on this topic, visit th...

  2026/07/02

How do I collect API Gateway request IDs?

Amazon

Subscribe to AWS: Create a free AWS ac...

  2026/07/02

Ok, I guess the rain is asking us real questions now.

No, but really. Did you review the gener...

  2026/07/02